// Aufgabe_7_4_vier_Advenstskerzen

var i = 0;

function setup(){
  createCanvas(1150, 850);
}

function draw(){
  background(200);

  // Änderung des Inkrements
  w1 = 0.4*i;
  w2 = 1.1*i;
  w3 = 1.3*i;
  w4 = 1.8*i;
  i += 0.03;
  i += 0.03;

  /* Die Funktion kerze wird viermal aufgerufen
  und den vier Kerzen werden ihre Werte zugeordnet. */
  kerze(w1, 0, 0, 700, 330);
  kerze(w2, 220, 0, 600, 230);
  kerze(w3, 440, 0, 500, 130);
  kerze(w4, 660, 0, 400, 30);
}

function kerze(w, x, y, h, f){
  push();
  translate(x, y);

  // Docht
  stroke(0);
  strokeWeight(12);
  line(220, h-70, 220, 730);

  // Kerze mit abgerundeten Kanten
  noStroke();
  fill(200, 0, 0);
  rect(120, h, 200, 500, 20);

  // Flamme
  stroke(255, 100, 0);
  strokeWeight(6);
  fill(255, 200, 0, 200);
  bezier(200, f+20+50*abs(sin(w)), 100+50*abs(sin(w)), f+300, 120, f+350, 250, f+350);
  bezier(250, f+350, 350, f+350, 200+100*abs(sin(w)), f+200, 200, f+20+50*abs(sin(w)));
  pop();
}
